// $(function () {


function getCommentList() {
    // 从服务器获取数据
    $.ajax({
        method: "GET",
        url: "http://localhost:3000/comments",
        success: function(res) {
            console.log(res);
            // 渲染页面
            var cmtlist = template("comments-list", res);
            // console.log(cmtlist);
            $("#commentsBox").html(cmtlist);
            var pageHTML = template('pageTpl', res);
            // console.log(pageHTML);
            $('#pageBox').html(pageHTML)
                // changePage(res.total)
        }
    })
}
getCommentList()

// 实现分页
function changePage(page) {
    // console.log(page);
    $.ajax({
        method: 'get',
        url: 'http://localhost:3000/comments',
        data: {
            page: page
        },
        success: function(res) {
            // console.log(res)
            var cmtlist = template("comments-list", res);
            $('#commentsBox').html(cmtlist);
            var pageHTML = template('pageTpl', res);
            $('#pageBox').html(pageHTML)
        }
    })
}

// 当审核按钮被点击的时候
$('#commentsBox').on('click', '.status', function() {
    // 获取当前评论的状态
    var status = $(this).attr('data-status');
    // alert(status)
    // 获取当前要修改的评论id
    var id = $(this).attr('data-id');
    // alert(id)
    // 向服务器端发送请求 更改评论状态
    $.ajax({
        method: 'PUT',
        url: 'http://localhost:3000/comments/' + id,
        data: {
            state: status == 0 ? 1 : 0
        },
        success: function() {
            // location.reload();
            getCommentList()
        }
    })
})

// 当删除按钮被点击时
$('#commentsBox').on('click', '.delete', function() {
        if (confirm('您真的要执行删除操作吗')) {
            // 获取管理员要删除的评论的id
            var id = $(this).attr('data-id');

            // 向服务器端发送请求 执行删除操作
            $.ajax({
                method: 'DELETE',
                url: 'http://localhost:3000/comments/' + id,
                success: function() {
                    // location.reload();  // 刷新页面
                    getCommentList()
                }
            })
        }
    })
    // })